@charset "utf-8";
/* CSS Document */

#backgorund
{
	 width:100%;
	 height:100%;
	 text-align:justify;
}

.same
{
    width:1330px;
	height:auto;
}

#head
{
    width:1310px;
	height:auto;
	background: url(../Images/service.jpg);
	background-repeat: repeat;
	float: left;

}

/*------Logo------*/
#imglogo
{
	width:350px;
    height:90px;
	margin-top:25px;
	margin-left:10px;
	float:left;
	
}

/*------icon-------*/
#icon
{
    width:100%;
	height:auto;
}

#imageIcon
{
	 margin-top:70px;
	 margin-right:70px;
	 margin-left:-50px;
	 float:right;
	 
}
#imageIcon:hover
{
	height:45px;
	width:45px;
}

.social-icon {
	border: none;
}

/*-------menu ngang------*/
.menuNgang
{
    width:1310px;
	height:37px;
	background-color:#008EB0;
	margin-top:20px;
	margin-left:10px;
	float:left;
}

.menuNgang ul
{
    display:inline;
	margin-top:4px;
	list-style-type:none;
	font:bold 13px Verdana;
	width:1299px;
	float:left;
	height: 35px;
	margin-left:-30px;
}



.menuNgang ul li
{
	float:left;
	margin-left:50px;
}

.menuNgang ul li a
{
	overflow:auto;
	color:white;
	text-decoration:none;
	padding:6px;
	float:left;
}
.menuNgang ul li a:link, .menuNgang ul li a:visited, .menuNgang ul li a:active
{
	color:#FFF;
}

.menuNgang ul li a:visited
{
	color:white;
}

.menuNgang ul li a:hover
{
	color:#3FF;
}

.menuNgang ul li ul
{
	position:absolute;
	width:170px;
	top:0;
	visibility:hidden;
}

/*-----Content--------*/
.Content
{
    width:100%;
    height:auto;
	float:left;
}

/*------Menu Doc-------*/
#menuDoc
{
     width:230px;
	 height:auto;
	 min-height:900px;
	 margin-top:30px;
	 margin-left:20px;
	 float:left;
	 border-right: 1px solid #999;
}
#TitleMenuDoc1
{
     width:200px;
	 height:auto;
}

#TitleMenuDoc1 a
{
	 font:bold 14px Verdana;
     margin-left:-20px;
     text-decoration:none;
     color:Black;
}
#ColorMenu1
{
     width:10px;
	 height:20px;
	 background-color:#008EB0;
	 float:left;
}
#MenuDocContent1
{
     width:230px;
	 height:auto;
	 text-align:left;
	 padding-left:60px;
}
#MenuDocContent1 p
{
     font:13px Verdana;
}

#MenuDocContent1 p a
{
     text-decoration:none;
     color:Black;
}

#MenuDocContent1 p a:hover
{
     color:#00F;
}


#TitleMenuDoc2
{
     width:200px;
	 height:auto;
	 margin-top:50px;
}

#TitleMenuDoc2 a
{
	 font:bold 14px Verdana;
     margin-left:-40px;
     text-decoration:none;
     color:Black;
}
#ColorMenu2
{
     width:10px;
	 height:20px;
	 background-color:#008EB0;
	 float:left;
}
#MenuDocContent2
{
     width:230px;
	 height:auto;
	 text-align:left;
	 padding-left:60px;
}
#MenuDocContent2 p
{
     font:13px Verdana;
}

#MenuDocContent2 p a
{
     text-decoration:none;
     color:Black;
}

#MenuDocContent2 p a:hover
{
     color:#00F;
}


#divVechungtoi
{
     width:200px;
	 height:auto;
	 margin-top:30px;
	 text-align:left;
	 padding-left:60px;
}
#divVechungtoi a
{
     font:15px Verdana;
     text-decoration:none;
     color:Black;
}
#divVechungtoi a:hover
{
	 color:#00F;
}

#TitleMenuDoc3
{
     width:200px;
	 height:auto;
	 margin-top:50px;
}

#TitleMenuDoc3 a
{
	 font:bold 14px Verdana;
     margin-left:-40px;
     text-decoration:none;
     color:Black;
}
#ColorMenu3
{
     width:10px;
	 height:20px;
	 background-color:#1D819D;
	 float:left;
}
#MenuDocContent3
{
     width:230px;
	 height:auto;
	 text-align:left;
	 padding-left:60px;
}
#MenuDocContent3 p
{
     font:13px Verdana;
}

#MenuDocContent3 p a
{
     text-decoration:none;
     color:Black;
}

#MenuDocContent3 p a:hover
{
     color:#00F;
}


#Hotro
{
     width:200px;
	 height:auto;
	 margin-top:80px;
}

#Hotro a
{
	 font:bold 14px Verdana;
}
#ColorHotro
{
     width:10px;
	 height:20px;
	 background-color:#1D819D;
	 float:left;
}

/*--------Banner--------*/
#Banner
{
    width:1000px;
    height:180px;
    border:1px solid #999;
    float: right;
    vertical-align: top;
    margin:20px 20px 0 0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.shadow
{
    -webkit-box-shadow:4px 2px 8px 0px #424242;
	-moz-box-shadow:4px 2px 8px 0px #424242;
	box-shadow:4px 2px 8px 0px #424242;
}

/*-------Parent Content--------*/
.divParentContent
{
    width:1295px;
	height:auto;
}

/*------Content-------*/
#divNewsContent
{
     width:730px;
	 height:auto;
	 min-height:800px;
	 margin-left:60px;
	 margin-top:50px;
	 float:left
	 
}
#Newscontent
{
     width:730px;
	 height:auto;
	 text-align:left;
}
#Column
{
	 margin-top:20px;
     -Webkit-column-count:2;
	 -webkit-column-rule:1px solid #fff;
	 -weblit-column-gap: 2em;
	 -moz-column-count:2;
	 -moz-column-rule:1px solid #fff;
	 -moz-column-gap: 2em;
	 -ms-column-count:2;
	 -ms-column-rule:1px solid #fff;
	 -ms-column-gap: 2em;
}

#Newscontent a
{
     color:#008EB0;
	 font:bold 14px Verdana;
}
#Newscontent p
{
	 font:bold 12px Verdana;
}
#pic
{
	margin-top:5px;
}
#Author a
{
	font:12px Verdana;
	color:#008EB0;
	margin-left:80px;
}
#Status a
{
    font:12px Verdana;
	color:#000;
	margin-right:40px;
	text-decoration:none;
}
#Link
{
	margin-top:60px;
	width:400px;
	height:auto;
    font:bold 12px Verdana;
	color:#008EB0;
	margin-left:-400px;
	text-decoration:none;
}

/*-------Right menu-------*/
#rightMenu
{
     width:250px;
	 height:auto;
	 margin-left:-100px;
	 margin-top:50px;
	 float:right;
}
#right
{
	 width:250px;
	 height:800px;
	 border:1px solid #fff;
}
#rightContent1
{
     width:250px;
	 height:240px;
}
#rightContent2
{
     width:250px;
	 height:240px;
	 margin-top:40px;
}

/*---------slide footer----------*/

.divSlideFooter
{
    width:100%;
	height:auto;
}

.divSlidePicture
{
    width:100%;
	height:400px;
	border:1px solid #fff;
	margin-top:30px;
	margin-bottom:30px;
	float:left;
}

/*----------footer---------*/
#divfooter
{
    width:1310px;
	height:150px;
	background-color:#008EB0;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:50px;
	float:left;
	border-radius:12px;
}
.Parfooter
{
	width:500px;
	height:auto;
	margin-left:-60px;
	float:left;
}
#footer
{
	 width:500px;
	 height:auto;
     margin-top:20px;
	 
}
#footer a
{
    text-decoration:none;
	font:bold 14px Verdana;
	padding-left:40px;
	color:#FFF;
}
#footer a:hover
{
    text-decoration:none;
	font:bold 14px Verdana;
	color:#FF0;
}
#footerCopyRight
{
     width:500px;
	 height:auto;
	 margin-left:15px;
	 margin-top:25px;
	 color:#CCC;
	 font-size:14px;
}
#ImgFooter
{
     background-image:url(../pictures/logo.jpg);
	 width:350px;
	 height:90px;
	 float:right;
	 margin-right:10px;
	 margin-top:30px;
}



